<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue 试列</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <!-- <p>{{ message }}</p>
        <input v-model="message"> -->
        <ul>
            <li v-for="stu in studnt">{{stu.name}}</li>
            <br>
            <li><label for="">{{message}}</label></li>
            <span v-bind:title="message"></span>
            <br>
            <div v-if="see">可以看見</div>
        </ul>
    </div>
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script> -->
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                studnt: [{
                    name: 'wxh'
                }, {
                    name: 'kkk'
                }, {
                    name: 'aaa'
                }],
                message: '創建於' + new Date().toLocaleString(),
                see: true
            }
        })
        console.log(app.studnt);
    </script>
</body>

</html>